<template>
<div>
    <div class="top-img">
        <img src="../../assets/img/头部.png" alt="">
    </div>
    <div class="ne-top">
        <router-link :to="'/address'"><img src="../../assets/img/向左箭头.png" alt=""></router-link>
        <span class="ne-title">新建收货地址</span>
        <span class="ne-text1">保存</span>
    </div>
    <div class="ne-main">
        <div class="ne-item">
            <span class="ne-text2">所在城市：</span>
            <input value="如北京市"/>
        </div>
        <div class="ne-item">
            <span class="ne-text2">小区/大厦/学校：</span>
            <input value="如理工大学国防科技园"/>
        </div>
        <div class="ne-item">
            <span class="ne-text2">楼号-门牌号：</span>
            <input value="A号楼B层"/>
        </div>
        <div class="ne-item">
            <span class="ne-text2">收货人：</span>
            <input value="请填写收货人姓名"/>
        </div>
        <div class="ne-item">
            <span class="ne-text2">联系电话：</span>
            <input value="请填写收货手机号"/>
        </div>
    </div>
</div>
</template>
<script>

</script>
<style>
.top-img img{
    width: 100vw;
}
.ne-top{
    display: flex;
    justify-content: space-between;
    width: 100vw;
    margin-top: 10px;
    align-items: center;
}
.ne-top img{
    width: 20px;
}
input{
    border: none;
    color: #ccc;
}
.ne-text2{
    margin-left: 20px;
    color: #ccc;
}
.ne-item{
    margin-top: 20px;
    width: 100vw;
    height: 35px;
    border-bottom:1px solid #eee ;
    border-top: 1px solid #eee;
    display: flex;
    align-items: center;
}
</style>